@charset "utf-8";
$bg_color:#ff9344;
$text_color:#494949;
@function r($px) {
    @return $px/50+rem;
}
body{
    position: relative;
    overflow: hidden;
}
.web {
    font-size: 16px;
    font-family: "微软雅黑";
    header {
        padding: 0 r(22);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: r(17);
        .logo {
            width: r(123);
            height: r(123);
            overflow: hidden;
            img {
                width: 100%;
            }
        }
        .search_box {
            width: r(268);
            height: r(55);
            border: 1px solid $bg_color;
            border-radius: r(50);
            display: flex;
            align-items: center;
             position: relative;
            .form {
                width: r(185);
                 margin-left: r(20);
                form {
                    input {
                        width: r(195);
                        height: r(50);
                       border: 0;
                        font-size: r(24);
                        outline: none;
                        background-color: rgba(0,0,0,0);
                    }
                }
            }
            .search_box_icon {
                width: r(70);
                height: r(50);
                text-align: center;
                 padding-top: r(10);
                 padding-left: r(5);
                i {
                    font-size: r(35);
                    color: $bg_color;
                   
                }
            }
        }
        .city_box {
            width: r(164);
            height: r(58);
            border: 1px solid $bg_color;
            position: relative;
            form {
                width: 100%;
                height: 100%;
                  
                select {
                    width: 100%;
                    height: 100%;
                    border: 0;
                    font-size: r(26);
                    outline: none;
                }
            }
            .triangle{
                width:0;
                height: 0;
                border-top: r(14) solid $bg_color;
                border-left: r(15) solid transparent; 
                border-right: r(15) solid transparent;
                position: absolute;
                right: 4%;
                top: 38%;
            }
        }
    }
    footer {
        width: 100%;
      
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 0;
        .footer_box{
           margin: r(20) 0;
            text-align: center; 
            width: 25%;
            i{
                font-size: r(72);
                color: $bg_color;
            }
            p{
               font-size: r(26);
               color: #000;
            }
        }
        
    }
}